<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jquery+html5全套大气商务电子企业模板源码</title>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <link rel="stylesheet" href="css/common.css">
    <script src="js/jquery-1.11.3.min.js"></script>
    <link rel="stylesheet" href="css/swiper-3.2.7.min.css">
    <!--[if lt IE 9]>
    <script src="/static/common/js/html5.min.js"></script>
    <![endif]-->
    <script src="js/common.js"></script>
	<link rel="stylesheet" href="css/index.css">
	<!--Animation-->
	<link href="css/animate.min.css" rel='stylesheet' type='text/css' />
<!--[if lte IE 8]>
<link rel="stylesheet" href="/static/home/css/index_ie8.css?v=1.0">

<![endif]-->
</head>
<body>

<header class="clearFix">
    <div>
        <h1 class="pull-left animated bounceInLeft">
            <a style="display: block; width: 100%; height: 100%;" href="http://www.smallseashell.com/"><img src="images/logo.png" alt="大咖秀"></a>
        </h1>
        <div id="nav" class="pull-right animated bounceInRight ">
            <ul class="clearFix">
                <li><a href="index.html" class=" current ">首页</a></li>
                <li><a href="introduce.html" class="">公司介绍</a></li>
                <li><a href="dsp.html" class="">培训项目</a></li>
                <li><a href="guanggao.html" class="">项目优势</a></li>
                <li><a href="notice.html" class="">新闻动态</a></li>
                <li><a href="help.html" class="">联系我们</a></li>
                <li><a href="http://www.smallseashell.com/pins/demoshow/16298" target="_blank">账号登陆</a></li>
            </ul>
            <div class="nav-current"></div>
        </div>
    </div>
</header>




<div class="swiper-container swiper-container1">
    <div class="swiper-wrapper">
        <div class="swiper-slide" style="padding: 0;">
            <div class="swiper-container swiper-container2" id="carousel">
                <div class="swiper-wrapper" id="swiper-wrapper">
                                        <div class="swiper-slide" style="padding: 0;">
                                                    <img src="images/ad5fb54add66fe9718a0ef4e1f24e83b.png" alt="banner">
                                            </div>
                                        <div class="swiper-slide" style="padding: 0;">
                                                    <img src="images/c9f8c9dd12342e1705b26469299698e3.png" alt="banner">
                                            </div>
                                    </div>
                <div class="swiper-pagination swiper-p2">
                    <!--[if lte IE 8]>
                    <ul class="pageie8 clearFix" id="pageie8">
                                                <li></li>
                                                <li></li>
                                            </ul>
                    <![endif]-->
                </div>
                <div>
                    <div id="next"></div>
                    <div id="prev"></div>
                </div>
            </div>
        </div>
        <div class="swiper-slide swiper-slide_notbanner" style="background: #f7f7f7;">
            <div class="clearFix text_con">
                <div class="pull-left" style="position: relative;">
                    <ul class="dsp">
                        投放<br>定向
                        <li>区域<br>定向</li>
                        <li>职业<br>定向</li>
                        <li>媒体<br>定向</li>
                        <li>年龄<br>定向</li>
                        <li>终端<br>定向</li>
                        <li>机型<br>定向</li>
                        <li>性别<br>定向</li>
                        <li>兴趣<br>定向</li>
                        <li>时间<br>定向</li>
                    </ul>
                    <!--[if lte IE 8]>
                    <img src="images/dsp.png" style="height: 100%;">
                    <![endif]-->
                </div>
                <div class="pull-right text_pad_top">
                    <h2 style="color: #d83838;">大咖DSP</h2>
                    <ol>
                        <li>大咖需求方平台，是国内首家支持oCPM（按效果优化，按CPM计费）的需求方平台，帮助广告主通过基于数据的人群定向技术，实时竞价获得广告曝光机会，将广告投放到目标受众；强大的竞价算法、效果转化算法、版本优化算法，大幅提升广告效率，助力广告主提升ROI。</li>
                    </ol>
                    <a class="morebtn" href="http://www.smallseashell.com/pins/demoshow/16298">查看更多></a>
                </div>
            </div>
        </div>
        <div class="swiper-slide swiper-slide_notbanner" style="background: #9b0000; color: #fff;">
            <div class="clearFix text_con">
                <div class="pull-left text_pad_top">
                    <h2>大咖DMP</h2>
                    <ol>
                        <li>整合硬核联盟（成员：金立、vivo、oppo、酷派、联想、华为）以及其他第三方的数据，深度建模和人群细分，建立自动化人群策略，提供全面深入的数据洞察和智能管理，指导广告主进行强有力的广告优化和投放决策。</li>
                    </ol>
                    <a class="morebtn" href="http://www.smallseashell.com/pins/demoshow/16298">查看更多></a>
                </div>
                <div class="pull-right clearFix" style="position: relative;">
                    <img class="pull-right dmp" src="images/dmp11.png">
                </div>
            </div>
        </div>
        <div class="swiper-slide swiper-slide_notbanner" style="background: #f2f2f2;display: block;">
            <div class="adx">
                <h3 style="left: 15%;">广告主行业</h3>
                <h3 style="right: 18%;">媒体类型</h3>
                <div class="hammer">
                    <img src="images/hammer.png">
                </div>
                <!--[if lte IE 8]>
                <img id="adxie8_bg" src="images/adxie8.png">
                <![endif]-->
                <div class="adx_text">
                    <h2 style="line-height: 35px; color: #606060;">大咖ADExchange</h2>
                    <p style="color: #929292; line-height: 18px;
    font-size: 13px;">
                        大咖广告交易市场，聚合硬核联盟各手机厂商的海量的移动流量资源，旨在帮助广告代理机构和广告主，采用DSP通过实时竞价的方式简便快捷的购买众多移动应用的广告优质资源，包括但不限于锁屏、天气、音乐、影视等应用。
                    </p>
                    <a class="morebtn" href="http://www.smallseashell.com/pins/16208.html" style="margin-top: 9px;">查看更多></a>
                </div>
            </div>
        </div>
        <div class="swiper-slide swiper-slide_notbanner last_slide" style="padding: 0; color: #fff;">
            <div class="ssp_wrap">
                <div class="ssp">
                    <div class="clearFix">
                        <div class="pull-left">
                            <h2 style="font-size: 38px;">大咖SSP</h2>
                            <ol style="font-size: 14px;">
                                <li>大咖供应方平台，专注于广告位管理、多渠道变现与收益优化，通过技术方式帮助媒体实现整体收益最大化。大咖SSP专注服务移动APP流,为移动开发者提供专业的广告管理工具和服务。</li>
                            </ol>
                            <a class="morebtn" href="/product/ssp">查看更多></a>
                        </div>
                        <div class="pull-right clearFix" style="position: relative;">
                            <img class="pull-right" src="images/ssp11.png">
                        </div>
                    </div>
                </div>
                <footer id="footer">
    <div class="clearFix" style="padding: 4% 5% 1% 5%; height:90%;">
        <div class="pull-left" style="width: 70%">
            <ul class="clearFix">
                <li class="pull-left">
                    <dl>
                        <dt>广告主</dt>
                        <dd><a href="http://www.smallseashell.com/pins/demoshow/16298">解决方案</a></dd>
                        <dd><a href="http://www.smallseashell.com/pins/demoshow/16298">展现形式</a></dd>
                        <dd><a href="http://www.smallseashell.com/pins/demoshow/16298">广告互动</a></dd>
                        <dd><a href="http://www.smallseashell.com/pins/demoshow/16298">合作伙伴</a></dd>
                    </dl>
                </li>
                <li class="pull-left">
                    <dl>
                        <dt>产品介绍</dt>
                        <dd><a href="http://www.smallseashell.com/pins/demoshow/16298">大咖交易平台</a></dd>
                        <dd><a href="http://www.smallseashell.com/pins/demoshow/16298">大咖DSP</a></dd>
                        <dd><a href="http://www.smallseashell.com/pins/demoshow/16298">大咖SSP</a></dd>
                        <dd><a href="http://www.smallseashell.com/pins/demoshow/16298">大咖DMP</a></dd>
                    </dl>
                </li>
                <li class="pull-left">
                    <dl>
                        <dt>新闻中心</dt>
                        <dd><a href="http://www.smallseashell.com/pins/demoshow/16298">大咖公告</a></dd>
                        <dd><a href="http://www.smallseashell.com/pins/demoshow/16298">产品动态</a></dd>
                        <dd><a href="http://www.smallseashell.com/pins/demoshow/16298">媒体报道</a></dd>
                        <dd><a href="http://www.smallseashell.com/pins/demoshow/16298">最新活动</a></dd>
                    </dl>
                </li>
                <li class="pull-left">
                    <dl>
                        <dt>关于我们</dt>
                        <dd><a href="http://www.smallseashell.com/pins/demoshow/16298">大咖传媒</a></dd>
                        <dd><a href="http://www.smallseashell.com/pins/demoshow/16298">加入我们</a></dd>
                    </dl>
                </li>
            </ul>
        </div>
        <div class="pull-right clearFix code_img" style="width: 30%;">
            <div class="pull-left">
                <img src="images/weixin_code.png">
                <p>大咖官方微信</p>
            </div>
            <div class="pull-right">
                <img src="images/weibo_code.png">
                <p>大咖官方微博</p>
            </div>
        </div>
    </div>
    <p id="record" style="text-align: center; line-height: 25px; background: #282828; font-size: 14px; height:25px;width: 100%;">@小pi酱 京ICP备14038000号  京公网安备11010502027357</p>
</footer>            </div>
            <p style="text-align: center; line-height: 25px; background: #282828; font-size: 14px; height:25px; position: absolute;left: 0; bottom: 0; width: 100%;">@小pi酱 京ICP备14038000号  京公网安备11010502027357</p>
        </div>
    </div>
    <div class="swiper-pagination swiper-p1"></div>
</div>

<div id="btn2" class="page_down">
    <span class="glyphicon glyphicon-menu-down" style="color:gray; font-size: 40px;"></span>
</div>





<script src="js/swiper-3.2.7.jquery.min.js"></script>
<script>
    var DEFAULT_VERSION = "8.0";
    var ua = navigator.userAgent.toLowerCase();
    var isIE = ua.indexOf("msie")>-1;
    var safariVersion;
    if(isIE){
        safariVersion =  ua.match(/msie ([\d.]+)/)[1];
    }
    if(Math.floor(safariVersion) <= Math.floor(DEFAULT_VERSION) ){
    }else {

        var swiper = new Swiper('.swiper-container1', {
            pagination: '.swiper-p1',
            direction: 'vertical',
            slidesPerView: 1,
            paginationClickable: true,
            spaceBetween: 0,
            mousewheelControl: true,
            speed: 1000,
            onSlideNextStart: function(swiper){
                if($(".last_slide").hasClass("swiper-slide-active")){
                    $("#btn2").hide();
                }
            },
            onSlidePrevStart: function(swiper){
                if(!$(".last_slide").hasClass("swiper-slide-active")){
                    $("#btn2").show();
                }
            }
        });

        var swiper2 = new Swiper('.swiper-container2', {
            pagination: '.swiper-p2',
            direction: 'horizontal',
            slidesPerView: 1,
            loop: true,
            paginationClickable: true,
            spaceBetween: 0,
            speed: 1000,
            /* mousewheelControl: true,*/
            autoplay: 3000
        });
        $('#btn2').click(function(){
            swiper.slideNext();
        });
    }
</script>
<!--[if lte IE 8]>
        <script src="/static/home/js/carousel.js"></script>
        <script>
            $(function(){
                $('#carousel').carousel();
            });
        </script>
<![endif]-->


</body>
</html>